<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>温度计算</h1>
		<div id="">
			摄氏度:<input type="text" id="input1"/><br />
			华氏度:<input type="text" id="input2"><br />
				<button onclick="cal()">计算</button>
			
		</div>
		<script type="text/javascript">
			function cal()
			{
				//1.得到摄氏度
				//查找网页元素
				var input1 = document.getElementById("input1");
				//得到用户输入的内容
				var sheshidu = input1.value;
				//2.计算
				var huashidu = sheshidu/9*5 +32;
				//3.放入华氏度
				//查找input2元素
				var	input2 = document.getElementById("input2");
				//设置他的value属性
				input2.value = huashidu;
			}
		</script>
		
	</body>
</html>
